<script type="text/javascript">
function weatherEnvoyer() {
	var dateStart = $('#weather-dayStart').val();
	var loadingString = 'meteo?typeReq=weather';
	if(dateStart != "") {
		loadingString += '&dateFixe='+dateStart;
	}
	$('#weather-scripting').load(loadingString);
}
</script>
<script>
	$(function() {
		
		$("#weather-dayStart").datepicker({
			renderer : $.ui.datepicker.defaultRenderer,
			monthNames : [ 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin',
					'Juillet', 'Aoùt', 'Septembre', 'Octobre', 'Novembre',
					'Décembre' ],
			monthNamesShort : [ 'Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jun', 'Jul',
					'Aoù', 'Sep', 'Oct', 'Nov', 'Déc' ],
			dayNames : [ 'Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi',
					'Vendredi', 'Samedi' ],
			dayNamesShort : [ 'Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam' ],
			dayNamesMin : [ 'Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa' ],
			dateFormat : 'yy-mm-dd',
			firstDay : 1,
			prevText : '&#x3c;Préc',
			prevStatus : 'Voir le mois précédent',
			prevJumpText : '&#x3c;&#x3c;',
			prevJumpStatus : 'Voir l\'année précédent',
			nextText : 'Suiv&#x3e;',
			nextStatus : 'Voir le mois suivant',
			nextJumpText : '&#x3e;&#x3e;',
			nextJumpStatus : 'Voir l\'année suivant',
			currentText : 'Courant',
			currentStatus : 'Voir le mois courant',
			todayText : 'Aujourd\'hui',
			todayStatus : 'Voir aujourd\'hui',
			clearText : 'Effacer',
			clearStatus : 'Effacer la date sélectionnée',
			closeText : 'Fermer',
			closeStatus : 'Fermer sans modifier',
			yearStatus : 'Voir une autre année',
			monthStatus : 'Voir un autre mois',
			weekText : 'Sm',
			weekStatus : 'Semaine de l\'année',
			dayStatus : '\'Choisir\' le DD d MM',
			defaultStatus : 'Choisir la date',
			isRTL : false
		});
		
		$("#selection").accordion();
		$("#map").accordion();
		$("#weather-send").button();
		$("#weather-clear").button();
	});
</script>
<div id="selection">
	<h3>Selection de la date</h3>
	<div>
		<form>
			<p>
			<!-- SELECTION PAR JOURS -->
				<fieldset style="height: 50px;">
					<legend>filtre jours</legend>
						Jour <input type="text" id="weather-dayStart" /> 
				</fieldset>
			<!-- Boutons -->
				<input type="button" id="weather-send" onclick="weatherEnvoyer()" value="Ajouter" style="float: left;" /> 
				<input type="button" id="weather-clear" onclick="clearMap()" value="Retirer tout" style="float: right" />
			</p>
		</form>
	</div>
</div>
<div id="map">
	<h3>Carte</h3>
	<div>
		<div id="map_canvas" style="width: 100%; height: 500px"></div>
		<script>initialize();</script>
	</div>
</div>
<div id="weather-scripting"></div>
